<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"
<title>邮箱账号登录</tittle>
<style type="text/css">
*{font-family:华文行楷;}
  .divLogin{
	        width:260px;
            height:auto;
			padding:10px;
			margin:0 auto;
			border:1px solid #aff;
			border-radius:5px;
			}
  .divLogin>form>div{
	  width:240px;
	  height:20px;
	  padding:10px 5px;
	  margin:20px auto;
	  border:1px solid #ccc;
	  border-radius:5px;
	  }
  .divLeft{
	  width:20px;
	  height:20px;
	  margin:0;
	  background-image:L:url(image/bg_v3.png);
	  float:left;
	  }
  .divRight{
	  width:215px;
	  height:20px;
	  margin:0 0 0 5px;
	  float:left;
	  font-size:12pt;
	  font-family:Calibri;
	  }
  .divRight input{
	  height:20px;
	  padding:0;
	  margin:0;
	  border:0;
	  outline:none;
	  font-size:12pt;
	  }
  .boxShadoShow{
	  box-shadow:0 0 3px 0 #66f;
      }
  .boxShadoNone{
	  box-shadow:o;
	  }  
  #uname{width:140px;}
  #psd{width:220px;}
  #divLeft1{background-postition:-150px-62px;}
  #divleft2{background-postition:-175px-62px;}
  p{text-align:center;}
  .login,.cancle{
	  width:110px;
	  height:40px;
	  border-radius:5px;
	  }
  .login{
	  background:url(image/bg_v3.png) 0px-210px;/*background:#66f;*/
	  }
  .cancel{
	  background:url(image/gb_v3.png)-120px-210px;/*background:#eef;*/
	  }
  h3{
	  font-size:16pt;
	  line-height:30px;
	  txt-align:center;
	  }
	  #P6{width:100%;height:30px;background:#0FF;color:#F00;line-height:30px;border-radius:10px;}
	   #P7{width:10%;height:200px;background:#0FF;color:#F00;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   #P8{width:10%;height:200px;background:#F00;color:#0FF;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   #P9{width:10%;height:200px;background:#0FF;color:#F00;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   #P10{width:10%;height:200px;background:#F00;color:#0FF;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   #P11{width:10%;height:200px;background:#0FF;color:#F00;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   #P12{width:10%;height:200px;background:#F00;color:#0FF;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   #P13{width:10%;height:200px;background:#0FF;color:#F00;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   #P14{width:10%;height:200px;background:#F00;color:#0FF;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   #P15{width:10%;height:200px;background:#0FF;color:#F00;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   #P16{width:10%;height:200px;background:#F00;color:#0FF;line-height:30px;border-radius:20px;text-align:center;float:left;}
	   
	   
</style>
</head>
<body>
<div class="divLogin">
 <h3>邮箱账号登录</h3>
 <form method="get">
  <div id="dovOut1">
    <div class="divLeft" id="divLeft1"></div>
          <div class="divRight"><input type="text" id="uname" placeholder="邮箱账号或手机号"/>@163.com</div>
  </div>
  <div id="divOut2">
    <div class="divLeft" id="divLeft2"></div>
    <div class="divRight"><input type="text" id="psd" placeholder="密码"/></div>
  </div>
  <p><input type="submit" value="登录" clacc="login"/>
     <input type="reset" value="取消" class="cancel"/></p>
 </form> 
 <div id="p6">
   <marquee >HeBia 并不简单</marquee>
 </div>
 <div id="p7">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 <div id="p8">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 <div id="p9">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 <div id="p10">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 <div id="p11">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 <div id="p12">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 <div id="p13">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 <div id="p14">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 <div id="p15">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 <div id="p16">
   <marquee direction="up">H</p>e</p>B</p>i</p>a</p> 并</p>不</p>简</p>单</marquee>
 </div>
 
</body>
</html>